<!--{extend name="view/base" /}-->

<!--{block name="head"}-->
<!--<style type="text/css">-->
    <!--th, td {-->
        <!--text-align: center !important;-->
    <!--}-->
<!--</style>-->
<!--{/block}-->
<!--{block name="main"}-->
<!--<pre><?php echo htmlentities($data);?></pre>-->
<!--{/block}-->


{extend name="view/base" /}

{block name="head"}
<meta charset="utf-8" />

<style type="text/css">
    th, td {
        text-align: center !important;
    }
</style>

<!--<link rel="stylesheet" href="__STATIC__/editor.md/examples/css/style.css">-->
<link rel="stylesheet" href="__STATIC__/editor.md/css/editormd.css">
<link rel="shortcut icon" href="https://pandao.github.io/editor.md/favicon.ico" type="image/x-icon" />

{/block}

{block name="main"}
<div id="layout">
    <header>
        <h3>预览控制器</h3>
    </header>
    <div id="doc-content">
    <textarea style="display:none;" >
```html
<?php echo htmlentities($data);?>
```
    </textarea>
    </div>
</div>
{/block}

{block name="footer"}
<!--<script src="__STATIC__/generate/jquery.min.js" crossorigin="anonymous"></script>-->
<script src="__STATIC__/editor.md/examples/js/jquery.min.js"></script>
<script src="__STATIC__/editor.md/editormd.js"></script>
<script type="text/javascript">
    var testEditor;
    $(function() {
        testEditor = editormd({
            id      : "doc-content",
            width   : "100%",
            height  : 800,
            path    : "__STATIC__/editor.md/lib/"
        });
    });
</script>
{/block}